<template>
  <div class="discuss">
    <div class="title">用户评论</div>
    <div class="content border-bottom" v-for="item in discuss" :key="item.id">
      <div class="time">{{item.time}}</div>
      <div class="desc">{{item.desc}}</div>
      <div class="container">
        <div class="item-img" v-for="(disImg, index) in item.imgs" :key="index">
          <img :src="disImg" alt="">
        </div>
      </div>
    </div>
    <router-link tag="div" to="/" class="more">查看更多>></router-link>
  </div>
</template>

<script>
export default {
  name: 'DetailDiscuss',
  props: {
    discuss: Array
  }
}
</script>

<style lang="stylus" scoped>
@import '~@/assets/styles/varibles.styl';
.title
  background:#eee
  line-height:.6rem
  padding-left:.4rem
  position:relative
  &:before
    content:''
    position:absolute
    top:50%
    left:.2rem
    margin-top:-.15rem
    width .08rem
    height:.3rem
    background:$bgColor
.content
  padding:.2rem .2rem .4rem
  .time
    text-align:right
    font-size:.24rem
  .desc
    font-size:.26rem
    padding: .2rem 0
    line-height:.42rem
    color:#616161
  .container
    display:flex
    flex-wrap:wrap
    .item-img
      width:30%
      padding:.1rem
      img
        width:100%
.more
  text-align:center
  font-size:.32rem
  color:#999
  line-height:2
</style>
